<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>定时器</title>
    <script>
        window.onload=function () {
            var count=document.getElementById("count");
            //使count的内容自动切换
            var num=1;
            var timer=setInterval(function () {
                count.innerHTML=num++;
                if (num==11){
                     clearInterval(timer);
                }
            },1000);
        }
    </script>
</head>
<body>
<script>
    /*setInterval()定时调用 可以将一个函数 每隔一段时间被调用一次
    *               参数 1.回调函数，该函数每隔一段时间调用一次
    *                    2.每次调用的建个事件是毫秒
    *               返回值 返回一个Number类型的数据 这个数字做为定时器的唯一标识
    *clearInterval()可以用来关闭一个定时器，
    *
    * */
</script>
<h1 id="count"></h1>
</body>
</html>